<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="title">
        Migración Historias Clínicas
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos"  >
                <p:focus />
                <h:form  id="formDatos"   >
                    <p:panel >
                        <h:panelGrid columns="3" id="panelIngreso">
                            <f:verbatim/>
                            <p:commandButton value="Subir pdf" type="button"  onclick="PF('dlg2').show();" />
                            <f:verbatim/>
                            <f:verbatim/>
                            <h:outputText value="Nombre:"/>
                            <h:outputText styleClass="letraTomate" value="#{jsfMigracionHc.nombreArchivo}"/>
                        </h:panelGrid>
                        <center>
                            <h:panelGrid >
                                <h:panelGroup id="panelBotones">
                                    <p:commandButton id="btGrabar"  value="Grabar" update=":panelDatos" actionListener="#{jsfMigracionHc.grabarAction()}"   title="Grabar registro">
                                    </p:commandButton>
                                    <p:commandButton id="btNuevo" update="@form" value="Nuevo" actionListener="#{jsfMigracionHc.nuevoAction()}" title="Limpiar o crear nuevo registro">
                                    </p:commandButton>
                                    <p:ajaxStatus id="commonStatus">
                                        <f:facet name="start">
                                            <h:graphicImage library="images/ajax" name="status2.gif"/>
                                        </f:facet>
                                    </p:ajaxStatus>
                                </h:panelGroup>
                            </h:panelGrid>
                        </center>
                        <p:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </p:message>
                        <br />
                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Campo obligatorio" styleClass="campo-obligatorio"/>
                        </h:panelGroup>
                        <div class="separador" />
                        <p /> 
                        <p:scrollPanel  style="width:900px">
                            <h:panelGrid id="panelLista">
                                <p:dataTable id="listaSimple" value="#{jsfMigracionHc.lista}" var="item" rendered="#{jsfMigracionHc.lista.size()>0}"  
                                             rows="30" paginator="true"
                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                             rowsPerPageTemplate="5,10,15">
                                    <f:facet name="noData">
                                        No se encontro resultados
                                    </f:facet>
                                    <f:facet name="header">
                                        <h:outputText value="Registros encontrados [#{jsfMigracionHc.lista.size()}]" />
                                    </f:facet>
                                    <p:column headerText="Cédula" filterBy="#{item.chcCedula}"  filterMatchMode="contains">
                                        <h:outputText value="#{item.chcCedula}"/>
                                    </p:column>
                                    <p:column headerText="H/Clinica" filterBy="#{item.chcHistoriaClinica}"  filterMatchMode="contains">
                                        <h:outputText value="#{item.chcHistoriaClinica}"/>
                                    </p:column>
                                    <p:column headerText="Apellido paterno" >
                                        <h:outputText value="#{item.chcApellidoPaterno}"/>
                                    </p:column>
                                    <p:column headerText="Apellido materno" >
                                        <h:outputText value="#{item.chcApellidoMaterno}"/>
                                    </p:column>
                                    <p:column headerText="Primer nombre" >
                                        <h:outputText value="#{item.chcPrimerNombre}"/>
                                    </p:column>
                                    <p:column headerText="Segundo nombre" >
                                        <h:outputText value="#{item.chcSegundoNombre}"/>
                                    </p:column>
                                    <p:column headerText="Nombre completo" >
                                        <h:outputText value="#{item.chcNombreFull}"/>
                                    </p:column>
                                    <p:column headerText="Fecha de admisión" >
                                        <h:outputText value="#{item.chcFechaAdmision}">
                                            <f:convertDateTime pattern="yyyy/MM/dd" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="Fecha de nacimiento" >
                                        <h:outputText value="#{item.chcFechaNacimiento}">
                                            <f:convertDateTime pattern="yyyy/MM/dd" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="Observacion" >
                                        <h:outputText value="#{item.chcObservacion}"/>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </p:scrollPanel>     
                        <p:scrollPanel  style="width:900px">
                            <h:panelGrid id="panelLista2">
                                <p:dataTable id="listaSimple2" value="#{jsfMigracionHc.listaMigrada}" var="item" rendered="#{jsfMigracionHc.listaMigrada.size()>0}"  
                                             rows="30" paginator="true"
                                             paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                             rowsPerPageTemplate="5,10,15">
                                    <f:facet name="noData">
                                        No se encontro resultados
                                    </f:facet>
                                    <f:facet name="header">
                                        <h:outputText value="Registros encontrados [#{jsfMigracionHc.listaMigrada.size()}]" />
                                    </f:facet>
                                    <p:column headerText="Cédula"  filterBy="#{item.chcCedula}"  filterMatchMode="contains">
                                        <h:outputText value="#{item.chcCedula}"/>
                                    </p:column>
                                    <p:column headerText="H/Clinica" filterBy="#{item.chcHistoriaClinica}"  filterMatchMode="contains">
                                        <h:outputText value="#{item.chcHistoriaClinica}"/>
                                    </p:column>
                                    <p:column headerText="Apellido paterno" >
                                        <h:outputText value="#{item.chcApellidoPaterno}"/>
                                    </p:column>
                                    <p:column headerText="Apellido materno" >
                                        <h:outputText value="#{item.chcApellidoMaterno}"/>
                                    </p:column>
                                    <p:column headerText="Primer nombre" >
                                        <h:outputText value="#{item.chcPrimerNombre}"/>
                                    </p:column>
                                    <p:column headerText="Segundo nombre" >
                                        <h:outputText value="#{item.chcSegundoNombre}"/>
                                    </p:column>
                                    <p:column headerText="Nombre completo" >
                                        <h:outputText value="#{item.chcNombreFull}"/>
                                    </p:column>
                                    <p:column headerText="Fecha de admisión" >
                                        <h:outputText value="#{item.chcFechaAdmision}">
                                            <f:convertDateTime pattern="yyyy/MM/dd" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="Fecha de nacimiento" >
                                        <h:outputText value="#{item.chcFechaNacimiento}">
                                            <f:convertDateTime pattern="yyyy/MM/dd" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="Tipo ingreso" >
                                        <h:outputText value="#{item.chcGenero eq 1 ? 'ESTADISTICA':
                                                               (item.chcGenero eq 2 ? 'HOSPITALIZACION':
                                                               (item.chcGenero eq 3 ? 'HOSPITAL DEL DIA':
                                                               (item.chcGenero eq 4 ? 'AGUDOS':
                                                               (item.chcGenero eq 5 ? 'AREA DE SALUD':'SIN ASIGNAR'))))}"/>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </p:scrollPanel>  
                        <p:growl id="growl"  showDetail="true" life="6500" /> 
                    </p:panel>
                </h:form>
                <p:dialog  header="Subir archivo" widgetVar="dlg2" modal="true" height="200" width="600" >
                    <h:form enctype="multipart/form-data" id="formArchivo" >
                        <h:panelGrid columns="3" >
                            <h:outputLabel  value="Anexo:" />
                            <p:fileUpload  fileLimitMessage="No se puede agregar mas archivos" update=":formDatos pnlArchivos"  id="anexo" 
                                           fileLimit="1"   fileUploadListener="#{jsfMigracionHc.listener}" mode="advanced"  />
                            <p:message for="anexo" />
                        </h:panelGrid>
                        <h:panelGrid columns="2" id="pnlArchivos">
                            <h:outputText value="Nombre:"/>
                            <h:outputText styleClass="letraTomate" value="#{jsfMigracionHc.nombreArchivo}"/>
                            <f:verbatim/>
                            <h:outputText styleClass="letraTomate" value="(Cierre la ventana emergente al cargarse el nombre del archivo)"/>
                        </h:panelGrid>
                    </h:form>
                </p:dialog> 
            </h:panelGrid>
        </center>


    </ui:define>

</ui:composition>
